<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <th:block th:replace="~{/_include/header}" />
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/view-page.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/feeds.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/task-view.css}" />
    <title>[[${bundle.L('任务详情')}]]</title>
  </head>
  <body class="view-body" th:classappend="${!isMember} ? 'readonly'">
    <div class="view-header">
      <i class="header-icon zmdi" th:classappend="${'zmdi-' + projectIcon}"></i>
      <h3 class="title">[[${bundle.L('任务详情')}]]</h3>
      <span>
        <a class="close J_close" th:title="${bundle.L('关闭')}"><i class="zmdi zmdi-close"></i></a>
        <a class="close sm J_reload" th:title="${bundle.L('刷新')}"><i class="zmdi zmdi-refresh"></i></a>
      </span>
    </div>
    <div class="main-content container-fluid">
      <div id="task-contents"></div>
    </div>
    <div id="task-comment"></div>
    <th:block th:replace="~{/_include/footer}" />
    <script>
      window.__PageConfig = {
        type: 'TaskView',
        taskId: '[[${id}]]',
        isMember: '[[${isMember}]]' === 'true',
        projectStatus: [[${projectStatus}]],
      }
    </script>
    <script th:src="@{/assets/js/project/task-view.js}" type="text/babel"></script>
  </body>
</html>
